<!DOCTYPE html>
<html lang="zh-CN">

<head>
    
        <meta charset="utf-8" />
<title>
    文章 | 和平街21号
</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="https://addio.github.io/Gridea/">
<link rel="dns-prefetch" href="https://cdn.bootcss.com">
<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
<meta name="author" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/itjoker233/Gridea-theme-Chic@latest/assets/media/css/style.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/itjoker233/Gridea-theme-Chic@latest/cdn/main.css" />
<!--<link rel="stylesheet" href="https://addio.github.io/Gridea//media/css/style.min.css" />
<link rel="stylesheet" href="https://addio.github.io/Gridea//styles/main.css" />-->
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">

    <script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.0/dist/APlayer.min.css">
    
        <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/itjoker233/Gridea-theme-Chic@latest/assets/media/script/tocbot.min.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/itjoker233/Gridea-theme-Chic@latest/assets/media/script/script.min.js"></script>
        <script src="https://cdn.jsdelivr.net/gh/itjoker233/Gridea-theme-Chic@latest/assets/media/script/icon.min.js"></script>
        <!--<script src="https://addio.github.io/Gridea//media/script/tocbot.min.js"></script>
        <script src="https://addio.github.io/Gridea//media/script/script.min.js"></script>
        <script src="https://addio.github.io/Gridea//media/script/icon.min.js"></script>-->
        <script src="https://cdn.bootcss.com/highlight.js/9.13.1/highlight.min.js"></script>
        <link href="https://cdn.bootcss.com/highlight.js/9.13.1/styles/atelier-estuary-dark.min.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.10.1/dist/katex.min.css">
        <script defer src="https://cdn.jsdelivr.net/npm/katex@0.10.1/dist/katex.min.js"></script>
        
            <script>
                (function() {
                    var bp = document.createElement('script');
                    var curProtocol = window.location.protocol.split(':')[0];
                    if (curProtocol === 'https') {
                        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
                    } else {
                        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
                    }
                    var s = document.getElementsByTagName("script")[0];
                    s.parentNode.insertBefore(bp, s);
                })();
            </script>
            
                
            
</head>

<body>
    <div class="wrapper">
        <header>
    <nav class="navbar">
        <div class="container">
            <div class="navbar-header header-logo">
                <a href="https://addio.github.io/Gridea/">
                    和平街21号
                </a>
            </div>

            <div class="menu navbar-right">
                
                    <a class="menu-item" href="/">
                        首页
                    </a>
                    
                    <a class="menu-item" href="/archives">
                        归档
                    </a>
                    
                    <a class="menu-item" href="/tags">
                        标签
                    </a>
                    
                    <a class="menu-item" href="/post/about">
                        关于
                    </a>
                    
                        <input id="switch_default" type="checkbox" class="switch_default">
                        <label for="switch_default" class="toggleBtn"></label>
            </div>
            <form id="gridea-search-form" data-update="1579931732599" action="/search/index.html">
                <input class="search-input" autocomplete="off" spellcheck="false" name="q" autofocus="true" placeholder="Search...">
            </form>
        </div>
    </nav>

    
        <nav class="navbar-mobile" id="nav-mobile">
            <div class="container">
                <div class="navbar-header">
                    <div>
                        <a href="https://addio.github.io/Gridea/">
                            和平街21号
                        </a>
                        <!--en-->
                        <a id="mobile-toggle-theme-en" class="a en">&nbsp;Dark</a>
                        <!--zh-->
                        <a id="mobile-toggle-theme-zh" class="a zh">&nbsp;\u6697\u9ED1</a>
                    </div>
                    <form id="gridea-search-form" data-update="1579931732599" action="/search/index.html">
                        <input class="search-input" autocomplete="off" spellcheck="false" name="q" autofocus="true" placeholder="Search...">
                    </form>
                    <!--en-->
                    <div class="menu-toggle" id="menu-toggle-en" onclick="mobileBtn()">&#9776; Menu</div>
                    <!--zh-->
                    <div class="menu-toggle" id="menu-toggle-zh" onclick="mobileBtn()">&#9776; &#x83DC;&#x5355;</div>

                </div>
                <div class="menu" id="mobile-menu">
                    
                        <a class="menu-item" href="/">
                            首页
                        </a>
                        
                        <a class="menu-item" href="/archives">
                            归档
                        </a>
                        
                        <a class="menu-item" href="/tags">
                            标签
                        </a>
                        
                        <a class="menu-item" href="/post/about">
                            关于
                        </a>
                        
                </div>
            </div>
        </nav>
</header>
<script>
    var mobileBtn = function f() {
        var toggleMenu = document.getElementById("menu-toggle-en");
        var toggleMenu_zh = document.getElementById("menu-toggle-zh");

        var mobileMenu = document.getElementById("mobile-menu");
        if (toggleMenu.display != "none") {
            if (toggleMenu.classList.contains("active")) {
                toggleMenu.classList.remove("active")
                mobileMenu.classList.remove("active")
            } else {
                toggleMenu.classList.add("active")
                mobileMenu.classList.add("active")
            }
        } else if (toggleMenu_zh.display != "none") {
            if (toggleMenu_zh.classList.contains("active")) {
                toggleMenu_zh.classList.remove("active")
                mobileMenu.classList.remove("active")
            } else {
                toggleMenu_zh.classList.add("active")
                mobileMenu.classList.add("active")
            }
        }

    }
</script>
            <div class="post-main">
                <div class="post-list">
                    
    
        
                
                    
    
        
                
                    
    
        
                
                    
                        
                            
                                <section class="post-item">
                                    <div class="content">
                                        <a href="https://addio.github.io/Gridea/post/taro-xue-xi-01">
                                            <h2 class="post-title">
                                                Taro 学习 day 01
                                            </h2>
                                        </a>
                                        <div class="post-abstract">
                                            
                                        </div>
                                        <div class="post-info">
                                            <span><i class="fa fa-calendar" aria-hidden="true"></i> 2020-01-15</span>
                                            
                                                <span>
        <i class="fa fa-tags" aria-hidden="true"></i>
        
        <a href="https://addio.github.io/Gridea/tag/qE3bIquy3">
          Taro
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/hulCXR2Uq5">
          编程
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/KoVLbuDmva">
          学习
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/Bu_5_8B_te">
          小程序
          
        </a>
        
      </span>
                                                
                                        </div>
                                    </div>
                                    
                                </section>
                                
                                    
                            
                                <section class="post-item">
                                    <div class="content">
                                        <a href="https://addio.github.io/Gridea/post/vue-xue-xi-01">
                                            <h2 class="post-title">
                                                Vue 学习 day 01
                                            </h2>
                                        </a>
                                        <div class="post-abstract">
                                            
                                        </div>
                                        <div class="post-info">
                                            <span><i class="fa fa-calendar" aria-hidden="true"></i> 2020-01-15</span>
                                            
                                                <span>
        <i class="fa fa-tags" aria-hidden="true"></i>
        
        <a href="https://addio.github.io/Gridea/tag/hulCXR2Uq5">
          编程
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/KoVLbuDmva">
          学习
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/9mj60LtD4E">
          Vue
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/TMkxmed5f">
          前端
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/prt8uwzvt-">
          框架
          
        </a>
        
      </span>
                                                
                                        </div>
                                    </div>
                                    
                                </section>
                                
                                    
                            
                                <section class="post-item">
                                    <div class="content">
                                        <a href="https://addio.github.io/Gridea/post/react-xue-xi-01">
                                            <h2 class="post-title">
                                                Raect 学习 day 01
                                            </h2>
                                        </a>
                                        <div class="post-abstract">
                                            <p>React 是一个用于构建用户界面的 JavaScript 库。这是一个学习React的笔记</p>

                                        </div>
                                        <div class="post-info">
                                            <span><i class="fa fa-calendar" aria-hidden="true"></i> 2020-01-13</span>
                                            
                                                <span>
        <i class="fa fa-tags" aria-hidden="true"></i>
        
        <a href="https://addio.github.io/Gridea/tag/hulCXR2Uq5">
          编程
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/KoVLbuDmva">
          学习
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/TMkxmed5f">
          前端
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/prt8uwzvt-">
          框架
          
          ,
          
        </a>
        
        <a href="https://addio.github.io/Gridea/tag/XkdvaA5p4h">
          Raect
          
        </a>
        
      </span>
                                                
                                        </div>
                                    </div>
                                    
                                </section>
                                
                                    
                </div>
            </div>
    </div>
    
    <div id="player"></div>
    
        <footer id="footer" class="footer">

            <div class="copyright">
                <div class="Like">
                    <div class="tip" data-tooltip="Do you like it?">
                        <a href="https://github.com/ITJoker233/Gridea-theme-Chic" target="_blank" title=""><svg class="icon"
                        aria-hidden="true">
                        <use xlink:href="#like"></use>
                    </svg><b class="like_text" id="star"></b></a>
                    </div>
                </div>
                Powered by  <a href="https://github.com/getgridea/gridea" target="_blank">Gridea</a>
                    <b id="hitokoto"></b><br>
                    <svg viewBox="0 0 1024 1024" style="margin-left: 5px;margin-right: 5px;" version="1.0" width="8" height="8" class="my-face">
            <path
                d="M863.597631 513.574282l-271.33965-140.213484L729.783667 81.926656c3.583731-7.87141 7.167462-15.742819 7.167462-25.214109C736.887134 25.226908 708.345275 0.012799 672.635953 0.012799a63.611229 63.611229 0 0 0-39.293053 12.607055c-1.791866 1.59988-3.519736 3.19976-5.311602 3.19976L147.87531 418.925381a55.547834 55.547834 0 0 0-19.646527 47.356448c1.791866 17.278704 14.27093 33.021523 32.125591 42.492813l271.33965 141.749369L292.504463 945.221908c-12.479064 25.214109-1.791866 53.563983 23.166262 69.306802 10.751194 6.335525 23.230258 9.47129 35.709322 9.47129 16.062795 0 32.125591-4.735645 44.604655-15.742819l480.091993-403.297753a55.547834 55.547834 0 0 0 19.646526-47.228458 61.243407 61.243407 0 0 0-32.12559-44.156688z"
                fill="#93b5cf"></path>
        </svg>
                    和平街21号 &copy;Copyright
                        <script>
                            var date = new Date();
                            document.write("" + date.getFullYear());
                        </script>
                        | Powered by <a href="https://coding.net" target="_blank">Coding.net</a>
            </div>
            <div id="update" style="display:none;">
                on
            </div>
            
                <div id="version" style="display:none;">
                    1.6.1
                </div>
                
                    <script>
                        var pat = '';
                        
                        document.write('<div id="home_path" style="display:none;">' + document.location.protocol + '//' + window.document.location.hostname + pat + '</div>')
                    </script>

        </footer>
        
            <script src='https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js'></script>
            
                <script>
                    

                    function LoadPlayer() {
                        var audio_name = '';
                        var audio_artist = '';
                        var audio_url = '';
                        var audio_cover = '';
                        const ap = new APlayer({
                            container: document.getElementById('player'),
                            fixed: true,
                            audio: [{
                                name: audio_name,
                                artist: audio_artist,
                                url: audio_url,
                                cover: audio_cover,
                            }]
                        });
                    }
                    LoadPlayer();
                    
                    
                    loadlive2d();
                    
                    hitokoto();
                    getStar();
                    hljs.initHighlighting();
                    console.clear();
                    
                    CheckVersion();
                    
                    console.log("\n %c \u26a1Theme:Chic Author's Blog:https://blog.itjoker.cn  Write By ITJoker  \n\n", "color: #ffffff; background: rgba(49, 49, 49, 0.85); padding:5px 0;border-radius:5px;");
                </script>
</body>

</html>